草庐IT

HTML 切换按钮

全部标签

javascript - 获取相对于窗口的 HTML 元素边界框的正确方法是什么?

我正在编写一个Firefox扩展。我试图将它限制为仅XUL+Javascript(没有XPCOM)。当我得到一个HTML元素的mouseover事件时,我需要在windows坐标系中得到它的边界框(即内置的XUL文档browser.xul)。显而易见的起点是在鼠标悬停事件处理程序中放置类似这样的内容:varrect=e.target.getBoundingClientRect();这很好,但是这给了我HTML文档坐标系中的矩形,它相对于HTML绘图区域的左上角。我想在这张图片附近使用panel.openPopup()显示一个xul:panel元素(但不使用预定义的popuppositi

javascript - 访问加载在 html head 标签中的 mustache 模板?

有没有办法访问通过HTML加载的mustache模板文件的内容通过javascript?或我已经成功地通过ajax和加载了它们标记在主体中,但我不确定如何通过头部作为单独的文件加载时获取文件源。 最佳答案 您需要获取方法来捕获外部模板的模板值:以下代码仅在html页面内有效:vartmpl=$.trim($('#address_template').val());//trimthewhitespacesinthetemplateMustache.to_html(tmpl,json);你需要下面的代码:“$.get('template

javascript - 无法以模式打开 ShareThis 的 facebook "share this"按钮

我刚刚在我的网站上实现了ShareThis的facebook分享按钮,我可以很好地分享,但是,我想在模式(弹出窗口)中打开确认对话框,而不是每次都在新选项卡中打开。我查看了ShareThis的文档和here它声明我只需要在初始化时在参数中传递popup:'true',我已经完成了,但是它没有任何效果,只要按下按钮,它就会在新选项卡中打开.控制台中没有出现任何错误,共享功能运行良好,我是不是遗漏了什么?这是我的代码://initstLight.options({popup:'true',publisher:"abcdef-1234-1234-1234-1234abcdef1234",do

html - 使用 HTML5 视频标签播放本地(硬盘)视频文件?

我想实现以下目标。这样做的目的是让用户能够从他/她的硬盘驱动器中选择一个文件。而没有上传的原因当然是传输成本和存储配额。没有理由保存文件。这可能吗? 最佳答案 可以播放本地视频文件。当通过input元素选择文件时:'change'事件被触发获得第一个Fileinput.files中的对象FileList制作一个objectURL指向文件对象将对象URL设置为video.src属性向后靠并观看:)http://jsfiddle.net/dsbonev/cCCZ2/embedded/result,js,html,css/(functio

javascript - 如何将新的 Google map 共享链接转换为 iframe 嵌入 html?

在我的应用程序中,用户只需粘贴一个指向诸如youtube或vimeo视频或某些soundcloud音频的链接,然后它就会找出如何通过oembed嵌入这些内容。因此,如果您将链接粘贴到从地址栏复制的视频,它就可以识别出来。如果您在应用程序的“共享对话框”中粘贴应用程序踢出的共享链接,它也可以工作。如果您粘贴iframe嵌入代码,我可以解析它并根据白名单检查它,您会再次得到完全相同的结果。我也想添加谷歌地图嵌入,但它不支持嵌入。此外,您现在可以获得“经典”(或旧的)Googlemap,但您也可以获得新的googlemap。(更复杂的是,您还可以获得谷歌地图引擎,但我们暂时忽略它......

javascript - cloud9 可以调试 html/javascript 吗?

是否可以在cloud9中对HTML中的javascript使用调试?我知道可以调试node.js,但是如果javascript在中怎么办?阻止在HTML中,还是从外部脚本加载?这在Webstorm中有效,但你必须有一个浏览器插件,并且IDE和浏览器(通过插件)相互通信。谢谢! 最佳答案 Cloud9没有为调试提供很好的可视化,但即便如此也不是什么大问题。您需要在浏览器的另一个选项卡中打开您的应用程序。你有两种方式:如果您使用“预览”模式运行应用程序,Cloud9会提供一个URL,您可以在浏览器中编写该URL。如果您使用服务器并且它具

javascript - headless (headless) JavaScript 测试 HTML5 音频/视频

我知道还有很多其他类似的问题,但是答案并没有提供解决这个问题的方法。我的网站上使用了一个使用HTML5网络音频的JavaScript文件,我想对其进行单元测试。我研究过将QUnit与PhantomJS结合使用,在你说什么之前我知道Phantom不支持它(http://phantomjs.org/supported-web-standards.html),但是我想知道是否有办法解决这个问题?在浏览器中使用QUnit测试它会像您预期的那样工作,但我不想每次都使用浏览器测试它,我希望它在服务器上自动进行。其中一个测试失败的示例:QUnit.test("isPlaying",function(

javascript - HTML 注释 <!-- 是否充当 JavaScript 中的单行注释,为什么?

JavaScript具体如何理解构造?从JavaScript的Angular来看,它是不是//之外的又一个注释?和/**/?从测试看来,JavaSript对待喜欢//:一行什么都不做,而按预期工作。此行为记录在何处?这不是其他问题的重复:我不问为什么、是否或如何使用它。我正式地问它在JavaScript中有什么语法和语义。这个问题很重要,在其他问题中没有得到回答:例如,上面指出的行为不能从其他问题和他们的答案中猜到(实际上这是我的动机:我的程序没有像上面那样工作,而这些问题和答案无助于理解原因)。 最佳答案 Fromtestingi

javascript - 每次刷新后 backbonejs 输出切换

我正在学习教程并尝试运行thiscode.每次刷新,如下代码console.log(childView.el);输出在此之间切换还有这个:div#master.container我想了解为什么会切换。这是我看到的gif(看看控制台)。 最佳答案 据我所知,Chrome有两种不同的方式在控制台中显示元素:“DOM方式”和“Javascript方式”。我相信您看到的是Chrome最初以一种方式呈现元素,然后立即切换到另一种呈现方式(即您在开发人员工具中看到了一个小错误)。 关于javascr

javascript - 如果时间比当前时间长 2 小时,则显示按钮

我正在使用angular.js根据指定时间隐藏/显示按钮。如果指定时间小于当前时间-2小时,我只想显示按钮。Controller.js:$scope.showclose=function(time){vartime=newDate(time);varmaxtime=newDate();maxtime.setHours(maxtime.getHours()-2);return(timeindex.html:X在加载包含数据的页面时,任何时间小于最大日期的记录都会显示该按钮。maxdate是根据当前时间计算的,所以它是不断变化的。当记录的时间大于加载的最大日期时,该按钮不会出现,尽管随着时